
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
 <title>Senayan | Open Source Library Management System :: OPAC</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta name="description" content="SLiMS (Senayan Library Management System) is an open source Library Management System. It is build on Open source technology like PHP and MySQL">
 <meta name="keywords" content="senayan,slims,library automation,free library application, library, perpustakaan, aplikasi perpustakaan">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="robots" content="index, nofollow">
 <!-- load style -->
 <link rel="shortcut icon" href="webicon.ico" type="image/x-icon" />
 <link href="template/core.style.css" rel="stylesheet" type="text/css" />
 <link href="template/default/style.css" rel="stylesheet" type="text/css" />
 <!--[if IE]>
 <link type="text/css" rel="stylesheet" media="all" href="template/default/ie.css"/>
 <![endif]-->
 <!--[if IE 6]>
 <link type="text/css" rel="stylesheet" media="all" href="template/default/ie6.css"/>
 <![endif]-->
 <script type="text/javascript" src="js/jquery.js"></script>
 <script type="text/javascript" src="js/form.js"></script>
 <script type="text/javascript" src="js/gui.js"></script>

</head>

<body>
 <div id="masking"></div>
 <div id="content">
  <div class="topic">
   <div class="container_12">
    <div class="language grid_5">
        <form name="langSelect" action="index.php" method="get">
      Select Language&nbsp;&nbsp;
         <select name="select_lang"  onchange="document.langSelect.submit();">
         <option value="ar_AR" >Arabic</option><option value="bn_BD" >Bengali</option><option value="pt_BR" >Brazilian Portuguese</option><option value="en_US" selected>English</option><option value="es_ES" >Espanol</option><option value="de_DE" >German</option><option value="id_ID" >Indonesian</option><option value="th_TH" >Thai</option><option value="my_MY" >Malay</option>         </select>
        </form>
    </div>
    <div class="treding grid_7">
         </div>
   </div>
  </div>

  <div class="logo">
   <div class="container_12">
    <div class="grid_4 title">
     <div class="sitename"><a href="index.php" title="Home">Senayan</a></div>
     <div class="subname">Open Source Library Management System</div>
    </div>
    <ul class="nav">
           <li><a href="users/sign_in" title="Librarian LOGIN" >Librarian LOGIN</a></li>
           <li><%= link_to "Sign out", destroy_user_session_path, :method => :delete %></li>
         </ul>
   </div>
  </div>

  <div class="content">
   <div class="container_12">
    <div class="grid_12 welcome">
         <div class="tagline">
	    Web Online Public Access Catalog - Use the search options to find documents quickly    </div>
        
    <div class="search">
	    <div id="simply-search">
			<div class="simply" >
			    <form name="advSearchForm" id="advSearchForm" action="index.php" method="get">
			    <input type="hidden" name="search" value="Search" />
			    <input type="text" name="keywords" id="keyword" placeholder="Keyword" />
			    </form>
			</div>
	    </div>
	    <div id="advance-search" style="display:none;" >
		<form name="advSearchForm" id="advSearchForm" action="index.php" method="get">
	    <input type="hidden" name="search" value="Search" />				
	
		<div class="simply" >
		    <input type="text" name="title" id="title" placeholder="Title" />
		</div>
		<div class="advance">
		<table width="100%">
			<tr>
				<td class="value">
				Author(s)				</td>
				<td class="value">
				<input type="text" id="author" name="author" class="ajaxInputField" onkeyup="showDropDown('lib/contents/advsearch_AJAX_response.php', 'author', 'type=author')" value="" /><ul class="ajaxDDlist" id="authorList"><li style="padding: 2px; font-weight: bold;">SEARCHING...</li></ul>				</td>
				<td class="value">
				Subject(s)				</td>
				<td class="value">
				<input type="text" id="subject" name="subject" class="ajaxInputField" onkeyup="showDropDown('lib/contents/advsearch_AJAX_response.php', 'subject', 'type=topic')" value="" /><ul class="ajaxDDlist" id="subjectList"><li style="padding: 2px; font-weight: bold;">SEARCHING...</li></ul>				</td>
			</tr>
			<tr>
				<td class="value">
				ISBN/ISSN				</td>
				<td class="value">
					<input type="text" name="isbn" />
				</td>
				<td class="value">
					GMD				</td>
				<td class="value">
					<select name="gmd">
					<option value="0">All GMD/Media</option><option value="Art Original">Art Original</option><option value="Cartographic Material">Cartographic Material</option><option value="CD-ROM">CD-ROM</option><option value="Chart">Chart</option><option value="Computer File">Computer File</option><option value="Computer Software">Computer Software</option><option value="Digital Versatile Disc">Digital Versatile Disc</option><option value="Diorama">Diorama</option><option value="Electronic Resource">Electronic Resource</option><option value="Equipment">Equipment</option><option value="Filmstrip">Filmstrip</option><option value="Flash Card">Flash Card</option><option value="Game">Game</option><option value="Globe">Globe</option><option value="Kit">Kit</option><option value="Manuscript">Manuscript</option><option value="Map">Map</option><option value="Microform">Microform</option><option value="Microscope Slide">Microscope Slide</option><option value="Model">Model</option><option value="Motion Picture">Motion Picture</option><option value="Multimedia">Multimedia</option><option value="Music">Music</option><option value="Picture">Picture</option><option value="Realia">Realia</option><option value="Slide">Slide</option><option value="Sound Recording">Sound Recording</option><option value="Technical Drawing">Technical Drawing</option><option value="Text">Text</option><option value="Transparency">Transparency</option><option value="Video Recording">Video Recording</option>					</select>
				</td>
			</tr>
			<tr>
				<td class="value">
					Collection Type				</td>
				<td class="value">
					<select name="colltype">
					<option value="0">All Collections</option><option value="Fiction">Fiction</option><option value="Reference">Reference</option><option value="Textbook">Textbook</option>					</select>
				</td>
				<td class="value">
					Location				</td>
				<td class="value">
					<select name="location">
					<option value="0">All Locations</option><option value="My Library">My Library</option>					</select>
				</td>
			</tr>
			<tr>
				<td colspan="4" class="value" style="text-align:center;">
				    <input type="submit" name="search" value="Search" class="searchButton" />
				</td>
			</tr>
		</table>
		</div>
		</form>
	    </div>
	    <div id="show_advance">
		    <a href="#">Advanced Search</a>
	    </div>
    </div>
    </div>
</div>
</div>
  <div class="footer">
   <div class="container_12">
    <div class="grid_6 lisence">
     This software and this template are released Under GNU GPL License Version 3
    </div>
    <div class="grid_5 oss">
     The Winner in the Category of OSS Indonesia ICT Award 2009
    </div>
   </div>
  </div>

 </div>

 <script type="text/javascript" src="template/default/js/supersized.3.1.3.min.js"></script>
 <script type="text/javascript">
 jQuery(function($){
  $.supersized(
  {
      transition  : 6,
      keyboard_nav  : 0,
      start_slide  : 0,
      vertical_center : 1,
      horizontal_center : 1,
      min_width : 1000,
      min_height : 700,
      fit_portrait  : 1,
      fit_landscape : 0,
      image_protect : 1,
      slides  : [
     { image : 'template/default/images/1.jpg' },
      { image : 'template/default/images/2.jpg' }
    ]
  });
 });

	var ADAPT_CONFIG = {
		path: 'assets/css/',
		range: [
		'0px    to 760px  = mobile.css',
		'760px  to 980px  = 720.css',
		'980px  to 1280px = 960.css',
		'1280px to 1600px = 1200.css',
		'1600px to 1920px = 1560.css',
		'1920px = fluid.css'
		]
	};
	$(document).ready(function()
	{
		$('#keyword').keyup(function(){
			$('#title').val();		
			$('#title').val($('#keyword').val());		
		});

		$('#title').keyup(function(){
			$('#keyword').val();		
			$('#keyword').val($('#title').val());		
		});
		
		$('#advSearchForm input').attr('autocomplete','off');
		$('#title').attr('style','');

		$('#show_advance').click(function(){
		    if ($("#advance-search").is(":hidden"))
		    {
				$("#advance-search").slideDown();
				$('#simply-search').hide();
		    } else {
				$("#advance-search").slideUp('fast');
				$('#simply-search').show();
		    }
		});

		$('#title').keypress(function(e){
		    if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
			this.form.submit();
		    }
		});
	});
	</script>
	<script type="text/javascript" src="template/default/js/adapt.min.js"></script>

</body>
</html>
